<!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
	<meta name="HandheldFriendly" content="true" />
	<meta name="format-detection" content="telephone=no">
	<title>현대자동차 인재채용 시스템</title>
	<link rel="apple-touch-icon" href="../images/icon.png" />
	<link rel="shortcut icon" href="../images/icon.png" />
	<link href="../css/style.css" rel="stylesheet" />
	
	<script src="../js/inc.util.modernizr.js"></script>
	<script src="../js/jquery-2.1.1.min.js"></script>
	<script src="../js/jquery.bxslider.min.js"></script><!-- 경력채용일때 호출 필요 -->
	<script src="../js/front_ui.js"></script>	
</head>
<body>
	<div class="wrap">
		<div class="side-menu">
			<span class="logo"></span>
			<ul class="menu">
				<li class="new"><a href="#">신입채용</a></li>
				<li class="career current"><a href="#">경력상시채용</a></li>
				<li class="foreign"><a href="#">해외채용</a></li>
				<li class="time"><a href="#">시간제 일자리채용</a></li>
				<li class="db"><a href="#">인재DB</a></li>
				<li class="the-h"><a href="#">The H</a></li>
				<li class="faq"><a href="#">문의하기</a></li>
				<li class="fb"><a href="#">인재채용 FACEBOOK</a></li>
				<li class="my"><a href="#">마이페이지</a></li>
			</ul>
			<p class="opt">
				<a href="#">PC버전</a><a href="#">로그아웃</a>
			</p>
		</div><!-- // .side-menu -->

		<div class="cont" id="HDcont">
			<div class="c-head">
				<h1>경력상시채용</h1>
				<a href="#" class="menu" id="HDmenuSlide">메뉴</a>
				<a href="#" class="account">로그인</a>
				<!-- 로그인 후// <a href="#" class="account">홈</a> -->
			</div>
			<div class="c-body">
				<div class="tab-menu slide">
					<div class="menu-wrap" id="slideMenu">
						<a href="#" class="new">전체</a>
						<a href="#" class="">R&D</a>
						<a href="#" class="">플랜트 기술</a>
						<a href="#" class="">품질</a>
						<a href="#" class="">구매</a>
						<a href="#" class="">마케팅 상품</a>
						<a href="#" class="">경영지원</a>
						<a href="#" class="">국내 해외영업</a>
					</div>
				</div>
				<script>
					var currentMenu;
					currentMenu = 0;	// 현재 탭메뉴 값
					if (!currentMenu) {
						currentMenu = 0;
					}
					$(document).ready(function(){
						$('#slideMenu a').eq(currentMenu).addClass('current');
						var slideMenuBar = $('#slideMenu').bxSlider({
							useCSS : false,
							controls : false,
							pager: false,
							infiniteLoop : false,
							maxSlides : 5,
							moveSlides : 3,
							slideWidth : 100
						});
					});
				</script>
				<ul class="list list-1">
					<li>
						<a href="./career_view.html" class="item">
							<span class="status ing">채용중</span>
							<span class="subject">2014 상반기 현대자동차 대졸공채 신입 모집 - 글자 긴 경우 말줄임</span>
							<span class="date">2014년 3월 2일 ~ 3월 9일</span>
						</a>
					</li>
					<li>
						<a href="./career_view.html" class="item">
							<span class="status ing">채용중</span>
							<span class="subject">2014 상반기 현대자동차 대졸공채 신입 모집</span>
							<span class="date">2014년 3월 2일 ~ 3월 9일</span>
						</a>
					</li>
					<li>
						<span class="item">
							<span class="status end">마감</span>
							<span class="subject">2014 상반기 현대자동차 대졸공채</span>
							<span class="date">2014년 3월 2일 ~ 3월 9일</span>
						</span>
					</li>
					<li>
						<span class="item">
							<span class="status end">마감</span>
							<span class="subject">10개 리스트 노출</span>
							<span class="date">2014년 3월 2일 ~ 3월 9일</span>
						</span>
					</li>
					<li>
						<span class="item">
							<span class="status end">마감</span>
							<span class="subject">스크롤 후 10개 추가 로드</span>
							<span class="date">2014년 3월 2일 ~ 3월 9일</span>
						</span>
					</li>
				</ul>
			</div>
		</div><!-- // .cont -->
	</div><!-- // .wrap -->
</body>
</html>